<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>京东商城 - 购物车</title>
    <link rel="icon" href="//www.jd.com/favicon.ico" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="js/baseUrl.js"></script>
    <link rel="stylesheet" href="./css/shopCart.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
  </head>
  <body>
    <div class="header">
      <div class="header-top-nav">
        <div class="header-top-nav-box clear">
          <ul class="location clear">
            <li>
              <a href="javascript:;">
               
              </a>
              <div class="locationList"></div>
            </li>
          </ul>
          <ul class="nav-list">
            <li class="login-reg">
              <p class="">
                <a href="login.html">你好，请登录</a>&nbsp;&nbsp;<a
                href="reg.html"
                >免费注册</a
              >
              </p>
              <p style="display: none">
                <a href="javascript:;" ><span class="loginInfo"></span><span class="tuichu">退出</span></a>
              </p>
              
            </li>
            <li class="spacer">|</li>
            <li><a href="javascript:;">我的订单</a></li>
            <li class="spacer">|</li>
            <li class="my_jd">
              <a href="javascript:;" class="icon-w"> 我的京东</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="mu_jd_menu">
                <div class="mu_jd_menu1"></div>
                <div class="mu_jd_menu2"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li><a href="javascript:;">京东会员</a></li>
            <li class="spacer">|</li>
            <li class="qiye">
              <a href="javascript:;" class="icon-w">企业采购</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="qiye_menu">
                <div class="qiye_menu1 clear"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="kehu">
              <a href="javascript:;" class="icon-w">客户服务</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="kehu_menu">
                <div class="kehu_menu1"></div>
                <div class="kehu_menu2"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="wangzhan">
              <a href="javascript:;" class="icon-w">网站导航</a
              ><i class="iconfont icon-jiantou"></i>
              <div class="wangzhan_menu">
                <div class="wangzhan_menu1"></div>
                <div class="wangzhan_menu2"></div>
                <div class="wangzhan_menu3"></div>
                <div class="wangzhan_menu4"></div>
              </div>
            </li>
            <li class="spacer">|</li>
            <li class="vip">
              <a href="javascript:;">京东会员</a>
              <div class="vipList">
                <div class="vipBox">
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/dc4cf353fd96922e.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem1">
                      <h5>手机京东</h5>
                      <p class="appright">新人专享大礼包</p>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                        <a href="javascript:;" class="app app3"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/7cbc252ed5993190.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem2">
                      <h5>关注京东JD.COM</h5>
                      <p class="appright">抢5元红包</p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/5cf21582b416c186.jpg.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem3">
                      <h5><a href="javascript:;">京东金融客户端</a></h5>
                      <p class="appright">新人专享大礼包</p>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/9c45c518ad785873.png.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem4">
                      <h5>京东健康客户端</h5>
                      <p class="appBox">
                        <a href="javascript:;" class="app app1"></a>
                        <a href="javascript:;" class="app app2"></a>
                      </p>
                    </div>
                  </div>
                  <div class="vipBox-item">
                    <div class="vipitem-left">
                      <img src="./image/3e925badd90757a3.jpg.webp" alt="" />
                    </div>
                    <div class="vipitem-right vipitem4">
                      <h5>关注京东小程序</h5>
                      <p class="appright">新人0.1元购</p>
                    </div>
                  </div>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="header-conter">
        <div class="header-conter-main">
          <div class="header-content-logo">
            <h1 class="logo_tit logo_tit_lk">
              <a href="index.html">京东</a>
            </h1>
            <div class="logo_right">
              <a href="index.html">
                <img src="./image/jdlogo.gif" alt="" />
              </a>
            </div>
          </div>
          <div class="header-search">
            <div class="search-box">
              <div class="search-logo">
                <a href="index.html"> </a>
              </div>
              <div class="search-form">
                <input type="search" placeholder="江南皮革厂" id="select"/>
                <a href="login.html"
                  ><i class="iconfont icon-zhaoxiangji2_1 search-icon"></i
                ></a>
                <button class="search-btn">
                  <i class="iconfont icon-sousuo"></i>
                </button>
                <ul class="searchlist"></ul>
              </div>
              <div class="search-shop">
                <i class="iconfont icon-gouwuchekong"></i>
                <a href="shopCart.html">我的购物车</a>
                <i class="search-shop-num">0</i>
              </div>
            </div>
          </div>
          <div class="header-conter-nav">
            <a href="javascript:;" style="color: #f10214">5折天天抢</a>
            <a href="javascript:;">加多宝</a>
            <a href="javascript:;">自营电脑</a>
            <a href="javascript:;">食品饮料</a>
            <a href="javascript:;">生鲜5折</a>
            <a href="javascript:;">200减30</a>
            <a href="javascript:;">家电焕新</a>
            <a href="javascript:;">品质家具</a>
            <a href="javascript:;">潮流新款</a>
          </div>
          <div class="header-conter-nav2 clear">
            <a href="javascript:;" style="color: #f10214; font-weight: 600"
              >秒杀</a
            >
            <a href="javascript:;" style="color: #f10214; font-weight: 600"
              >优惠券</a
            >
            <a href="javascript:;">PLUS会员</a>
            <a href="javascript:;">拍卖</a>
            <a href="javascript:;">品牌闪购</a>
            <a href="javascript:;">京东家电</a>
            <a href="javascript:;">京东超市</a>
            <a href="javascript:;">京东生鲜</a>
            <a href="javascript:;">京东国际</a>
            <a href="javascript:;">京东云 <img src="image/a142ca108222dfd7.png"></img> </a>
          </div>
          <div class="header-conter-tuiguang">
            <a href="javascript:;"></a>
          </div>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="main-box">
        <div class="kong">
          <div>
            <ul>
            <li>购物车空空的哦~，去看看心仪的商品吧~</li>
            <li><a href="index.html">去购物></a></li>
          </ul>
          </div>
          
        </div>
        <div class="shopBox clear">
          <div class="allGoods">
            <div>
              <h3>全部商品 <span class="allnum">0</span> </h3>
            </div>
          </div>
          <div class="allGoodsCheck clear">
            <div class="checkBox clear">
              <div>
                <input type="checkbox" class="checkAll">全选
              </div>            
            </div>
              <div class="goodsName">商品</div>
              <div class="goodsEmp">&nbsp;</div>
              <div class="goodsPrice">单价</div>
              <div class="goodsNumber">数量</div>
              <div class="goodsTotPrice">小计</div>
              <div class="goodsAction">操作</div>
          </div>
          <div class="goodsList">
           
          </div>
          <div class="jiesuanBox">
            <div class="jiesuan">
              <div class="jiesuanLeft">
                <div class="jiesuanAll">
                  <input type="checkbox" class="jiesuanAllBtn">全选
                </div>
                <div class="jiesuanOper">
                  <a href="javascript:;" class="removeChecked">删除选中的商品</a>
                  <a href="javascript:;">移入关注</a>
                  <a href="javascript:;" class="clearAll"><strong>清理购物车</strong></a>
                </div>
              </div>
              <div class="jiesuanRight">
                <a href="javascript:;">去结算</a>
                <p>已选择<span class="snum">0</span>件商品&nbsp;&nbsp;&nbsp;总价：<span class="allpriceT">￥</span><i class="allPrice">0</i></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      
    </div>
    <div class="main-con">
      <div class="main-con-top">
        <h4>为你推荐</h4>
      </div>
      <ul class="main-con-con clear">
        
      </ul>
    </div>
    <div class="footer">
      <div class="footer-bot">
        <p>
          <a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a><span>|</span
          ><a href="javascript:;">关于我们</a>
        </p>
        <div class="footer-bot-con">
          <p>
            <a href="javascript:;">京公网安备 11000002000088号</a><span>|</span
              ><a href="javascript:;">京ICP备11041704号</a><span>|</span
              ><a href="javascript:;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span
              ><a href="javascript:;">新出发京零 字第大120007号</a>
          </p>
          <p>
            <a href="javascript:;">互联网出版许可证编号新出网证(京)字150号</a><span>|</span
              ><a href="javascript:;">出版物经营许可证</a><span>|</span
              ><a href="javascript:;">网络文化经营许可证京网文[2020]6112-1201号</a><span>|</span
              ><a href="javascript:;">违法和不良信息举报电话：4006561155</a>
          </p>
          <p>
            <a href="javascript:;">Copyright © 2004 - 2021  京东JD.com 版权所有</a><span>|</span
              ><a href="javascript:;">消费者维权热线：4006067733</a><span>|</span
              ><a href="javascript:;">经营证照</a><span>|</span
              ><a href="javascript:;">(京)网械平台备字(2018)第00003号</a><span>|</span
              ><a href="javascript:;">营业执照</a>
          </p>
          <div class="footer-list">
            <p>
              <a href="javascript:;"><i></i>Global Site </a><span>|</span
                ><a href="javascript:;"><i></i>Сайт России</a><span>|</span
                ><a href="javascript:;"><i></i>Situs Indonesia</a><span>|</span
                ><a href="javascript:;"><i></i>Sitio de España</a><span>|</span
                ><a href="javascript:;"><i></i>เว็บไซต์ประเทศไทย</a>
            </p>
          </div>
          <p>
            <i>京东旗下网站：</i><a href="javascript:;">京东钱包</a><span>|</span><a href="javascript:;">京东云</a>
          </p>
        </div>
        <div class="footer-bot-fot">
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
          <a href="javascript:;"></a>
        </div>
      </div> 
    </div>
    <script src="./js/shopCart.js"></script>
  </body>
</html>
